@import "component";

%base-container {
  display: inline-block;
  height: 100%;
  vertical-align: top;
}

.order-table {
  @extend %base-container;
  width: 100%;
  text-align: center;
  &-container {
    height: 100%;
    overflow: auto;
    padding: 1rem;
    &::-webkit-scrollbar {
      display: none;
    }
    .ant-input-group-wrapper {
      padding: 0 1rem .5rem;
      //background: ;
      input {
        width: 25rem;
      }
    }
    input {
      color: #fff;
      border: none;
      background: rgba(255, 255, 255, .3);
      //background: transparent;
      //border-top-left-radius: 20px;
      //border-bottom-left-radius: 20px;
      padding: 0 1.5rem;
      //margin-bottom: 1rem;
    }

    .ant-input-group-addon {
      color: #fff;
      border: 0;
      background: rgba(255, 255, 255, 0.3);
      //background: transparent;
      padding: 0 1rem 0 1rem;
      //border-top-right-radius: 20px;
      //border-bottom-right-radius: 20px;
      border-left: 1px solid rgba(255, 255, 255, .2);
    }

    .ant-input-search-icon{
      color: #fff;
    }
    @extend %base-table
  }
}

.order-table-box {
  width: 100%;
  height: calc(100% - 2rem);
}
